<template>
	<div class="navBottom">
		<ul>
			<router-link to="/main" tag="li" active-class="active">
				<a href="javascript:;"><i>首页</i></a>
			</router-link>
			<router-link to="/list" tag="li" active-class="active">
				<a href="javascript:;"><i>分类</i></a>
			</router-link>
			<router-link to="/cart" tag="li" active-class="active">
				<a href="javascript:;"><i>购物车</i></a>
			</router-link>
			<!--<li @click = "my">
				<a href="javascript:;"><i>我</i></a>
			</li>-->
			<router-link to="/customer" tag="li" active-class="active" @click.native="my">
				<a href="javascript:;"><i>我</i></a>
			</router-link>
			
		</ul>
	</div>
</template>

<script>
	export default{
		methods:{
			my(){
				if(sessionStorage.logName){
					this.$router.push({path:"/mycenter"})
				}
			}
		}
	}
</script>

<style scoped>
	@import "../assets/css/index.css";
	
</style>